<template>
  <div class="reviews-test">
    <h1>评价管理测试页面</h1>
    <p>当前路由：{{ $route.path }}</p>
    <p>页面加载时间：{{ loadTime }}</p>
    
    <el-card>
      <template #header>
        <span>测试内容</span>
      </template>
      <p>如果您能看到这个页面，说明路由跳转是正常的。</p>
      <el-button type="primary" @click="goBack">返回仪表板</el-button>
    </el-card>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()
const loadTime = ref('')

const goBack = () => {
  router.push('/main/dashboard')
}

onMounted(() => {
  loadTime.value = new Date().toLocaleString()
  console.log('评价管理测试页面已加载')
})
</script>

<style scoped>
.reviews-test {
  padding: 20px;
}
</style>
